<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:replace="fragments/header :: header-css"/>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/js/layer/theme/default/layer.css"  media="all">
    <script src="/static/js/layer/layer.js"></script>
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- ckeditor -->
    <script src="https://cdn.ckeditor.com/4.9.2/standard-all/ckeditor.js"></script>

    <script src="/static/js/word.js"></script>
    <script src="/static/js/checker.js"></script>
</head>
<body>

<div th:replace="fragments/header :: header"/>

<div class="container">

    <div class="starter-template">
        <ul id="myTab" class="nav nav-tabs">
            <li class="active">
                <a href="#home" data-toggle="tab">
					审批清单
                </a>
            </li>
        </ul>
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="home">
                <ul class="nav nav-pills">
                    <li class="dropdown all-camera-dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            待审批
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li data-filter-camera-type="all"><a data-toggle="tab" href="#">待上传案件文件</a></li>
                            <li data-filter-camera-type="Alpha"><a data-toggle="tab" href="#">初审不通过</a></li>
                            <li data-filter-camera-type="Zed"><a data-toggle="tab" href="#">初审通过</a></li>
                            <li data-filter-camera-type="Bravo"><a data-toggle="tab" href="#">审批完成</a></li>
                        </ul>
                    </li>
                </ul>
                <ul id="sheetList" class="list-group">
                    <!--<li class="list-group-item">[审批完成]：手机数据恢复</li>-->
                    <li th:each="sheet : ${sheetList}" class="list-group-item">
                        <a th:onclick="'javascript:sheetDetail('+${sheet.id}+');'" th:text="${sheet.caseIntroduction}"></a>
                        <span class="badge" th:text="${sheet.requestDate}"></span>
                        <span class="badge" th:text="新"></span>
                    </li>
                </ul>
            </div>
        </div>


</div>
</div>
<!-- /.container -->
<div th:replace="fragments/footer :: footer"/>
</body>

</html>